/* Carousel styling */
         #introCarousel {
          margin-top:72.41px ;
        }

      #introCarousel,
      .carousel-inner,
      .carousel-item,
      .carousel-item.active {
        height: 460px;
      }

      .carousel-item:nth-child(1) {
        background-image: url('../image/mob-banner/slide 1 web.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }

      .carousel-item:nth-child(2) {
        background-image: url('../image/mob-banner/MRO Web Banner 2.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }

      /* Height for devices larger than 576px image/inner_slider.jpg background-color:#0C551D;      
      
      .carousel-item:nth-child(3) {
        background-image: url('../image/banner-4.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }


      .carousel-item:nth-child(4) {
        background-image: url('../image/Banner-1.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }
*/

     

            
      .content-slider
      {   padding:1rem;

	     background-image:url('../image/slider-cont.svg');
	      border-radius:6px;opacity:.93;color:#fff;margin-right:10rem;
	      width:auto;
	      backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
}
 @media (max-width: 1400px) {
 #introCarousel, .carousel-inner, .carousel-item, .carousel-item.active {
    height: 396px;
}

} 
@media (max-width: 1176px) {
.carousel-item:nth-child(2) {
          background-size: 100% 100%;
 		background-position: top center;

}


}
@media (max-width: 992px) {

         #introCarousel, .carousel-inner, .carousel-item, .carousel-item.active {
    height: 257px;
}

      }
 @media (max-width: 600px) {
    #introCarousel {
          margin-top:52.41px ;
        }

       /* Carousel styling */
      #introCarousel,
      .carousel-inner,
      .carousel-item,
      .carousel-item.active {
        height: 508px;
      }

  .content-slider
  {
   position: absolute;	      
   width:100%;    
   bottom: 0;    
   height: auto;
   border-radius:0; 
   background-color:#0C551D;
   opacity:1; 
   color:#fff; 
   margin-right:0;
   text-align:center;
   padding:1rem;
   
/*    top: 65%;    
background-color:#FFFFFF;
   border-radius:6px;
   opacity:.93;
   color:#000;
   margin-right:0;
   width:70%;*/

}
 .carousel-item:nth-child(1) {
        background-image: url('../image/mob-banner/banner-1-mob.png');
         background-size:  100% 100%;
         

            }
 .carousel-item:nth-child(2) {
        background-image: url('../image/mob-banner/MRO Mob Banner 2.jpg');
          background-size:  100%  100%;

}
}